﻿<%@ page language="C#" autoeventwireup="true" inherits="HomePage, App_Web_il4wvkgm" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="<%= ResolveUrl("~/jquery-easyui-1.2.6/themes/"+Skin+"/easyui.css") %>"
        rel="stylesheet" type="text/css" />
    <link href="jquery-easyui-1.2.6/jquery-easyui-portal/portal.css" rel="stylesheet"
        type="text/css" />
    <link href="jquery-easyui-1.2.6/jquery-easyui-portal/portal.css" rel="stylesheet"
        type="text/css" />
    <script src="jquery-easyui-1.2.6/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="jquery-easyui-1.2.6/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="jquery-easyui-1.2.6/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
    <script src="Content/js/sysEasyUI.js" type="text/javascript"></script>
    <script src="jquery-easyui-1.2.6/jquery-easyui-portal/jquery.portal.js" type="text/javascript"></script>
    <script>
        $(function () {
            $('#portal').portal({
                border: false,
                fit: true
            });
            add();
        });
        function add() {
            for (var i = 0; i < 3; i++) {
                var p = $('<div/>').appendTo('body');
                p.panel({
                    title: 'Title' + i,
                    content: '<div style="padding:5px;">Content' + (i + 1) + '</div>',
                    height: 100,
                    closable: true,
                    collapsible: true
                });
                $('#portal').portal('add', {
                    panel: p,
                    columnIndex: i
                });
            }
            $('#portal').portal('resize');
        }
        function remove() {
            $('#portal').portal('remove', $('#pgrid'));
            $('#portal').portal('resize');
        }
    </script>
</head>
<body class="easyui-layout" fit="true">
    <div region="center" style="overflow: hidden;" border="false">
        <div id="portal" style="position: relative;">
            <div>
            </div>
            <div>
            </div>
            <div style="border: 2px solid red;">
            </div>
            <div id="pgrid" title="DataGrid" closable="true" style="height: 200px;">
                <table class="easyui-datagrid" style="width: 650px; height: auto" fit="true" border="false"
                    singleselect="true" idfield="itemid">
                    <tr>
                        <td>
                            fdaf
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>
</html>
